body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font:12px "微软雅黑",tahoma, arial, \5b8b\4f53; }
 h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal;} 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none; } 
a:hover{ text-decoration:none;} 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img ,input,button{ border:0; outline:none; vertical-align: middle;} 
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
@font-face {
  font-family: 'iconfont';
  src: url('../font_0wps30ldqgccv7vi/iconfont.eot');
  src: url('../font_0wps30ldqgccv7vi/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font_0wps30ldqgccv7vi/iconfont.woff') format('woff'),
  url('../font_0wps30ldqgccv7vi/iconfont.ttf') format('truetype'),
  url('../font_0wps30ldqgccv7vi/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix{
	*zoom: 1; 
}
a{
    color:#000;
}
.w{
    width: 1200px;
    margin: 0 auto;
}

/* 分屏页面样式 */
#fullpage .section{
    background: url(../img/center/8_1-bg.jpg);
}
#fullpage .section .pjone{
    width: 736px;
    position: relative;
    top:12%;
    margin: 0 auto 0;
}
#fullpage .section .pjone img{
    display: block;
    margin:0 auto;
}
#fullpage .section .pjone a{
    width: 48px;
    height: 82px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -22%;
    margin-left: -24px;
    background: url(../img/center/8_1-2.png);
    animation: arr-anim 2s linear infinite;
}
#fp-nav ul li a span{
    border: 1px solid #fff;
}
#fp-nav ul li a.active span{
    background: #fff;
}
@keyframes arr-anim{
    0% {
        background: url(../img/center/ar_1.png);
    }
    50% {
        background: url(../img/center/ar_2.png);
    }
    100% {
        background: url(../img/center/ar_3.png);
    }
}

/* 第二屏内容 */
.menu{
    width: 990px;
    padding-top: 25px;
}
.menu li{
    float:left;
    position: relative;
    margin-bottom:1px;
}
.menu li span{
    position: absolute;
    left: 29px;
    top: 140px;
    overflow: hidden;
    color: #fff;
    width: 68px;
    height: 20px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #fff;
}
.menu li span em{
    position: relative;
    z-index:2;
}
.menu li span i{
    position: absolute;
    width: 68px;
    height: 20px;
    background: #f26400;
    top: 0;
    left: -68px;
    z-index: 1;
}
.menu li:hover span i{
    left:0;
    z-index: 1;
    transition: left .5s ease;
}
.menu li:hover span{
    color:#fff;
    border: 1px solid #f26400;
}
.menu .last{
    width: 100%;
    /* height: 197px; */
    position: relative;
    text-align: center;
}
.menu .last .ico{
    background:url(../img/center/8_1-11.png) no-repeat;
}
.menu .last .ico {
    width: 253px;
    height: 48px;
    background-position: -247px 0;
    display: inline-block;
    margin-top: 74px;
}
@keyframes bounceIn{
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }  
}
/* .menu li:nth-child(1) {
    animation:bounceIn .4s 1s ease both;
}
.menu li:nth-child(2) {
    animation:bounceIn .4s 1.3s ease both;
}
.menu li:nth-child(3) {
    animation:bounceIn .4s 1.6s ease both;
}
.menu li:nth-child(4) {
    animation:bounceIn .4s 1.9s ease both;
}
.menu li:nth-child(5) {
    animation:bounceIn .4s 2.1s ease both;
}
.menu li:nth-child(6) {
    animation:bounceIn .4s 2.4s ease both;
}
.menu li:nth-child(7) {
    animation:bounceIn .4s 2.7s ease both;
} */

/* 第三屏内容 */

.bpjone{
    position: relative;
    top:10%;
}
.bpjone .leftpage{
    float:left;
    width: 590px;
    position: relative;
    padding-top: 72px;
}
.bpjone .leftpage i{
    width: 393px;
    height: 57px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: 0 0;
    background: url(../img/center/8_1-9.png);
}
.bpjone .leftpage .letter{
    position: absolute;
    right:0;
    width: 400px;
    background: #3a3a3a;
    color:#eee;
    font-size:12px;
    line-height: 22px;
    letter-spacing:1px; 
    padding:25px;
    margin-top:10px;
}
.bpjone .leftpage .letter p{
    text-align:justify;
}
.bpjone .rightpage{
    float:right;
}
.bpjone .rightpage .other_new{
    border-top:5px solid #ffb22c;
    background: #fff;
    font-size:14px;
    padding: 45px 84px 45px;
}
.bpjone .rightpage .other_new li{
    text-align: left;
    width: 100%;
    padding: 17px 0;
    border-bottom: 1px dotted #cfcfcf;
}
.bpjone .rightpage .other_new li span{
    width: 14px;
    height: 9px;
    display: inline-block;
    background: url(../img/center/8_1-11.png);
    background-position: 0 -195px;
    float:right;
}
.bpjone .rightpage .other_new li a{
    width: 90%;
    color:#666;
    transition: color .5s ease;
}
.bpjone .rightpage .other_new li a:hover{
    color: #989696;
}
.bpjone .rightpage i{
    width: 338px;
    height: 49px;
    background: url(../img/center/8_1-9.png);
    background-position: 0 -63px;
    float: left;
    margin-top: 15px;
}